import React, { useState, useEffect } from 'react'
// import AirEcharts from './AirEcharts'
// import List from './List'
// import Dinaecharts from './Dinaecharts'
// import PoliceEacharts from './PoliceEacharts'
// import { getCertainTimeData } from '&/api/electricity'
import Container from '@/appComponents/Container'
import Filter from './Filter'
import _ from 'lodash'
import './index.scss'
import dayjs from 'dayjs'
import Area from './Area'

const NetworkSituation = () => {
  const format = 'YYYY-MM-DD'
  const user = JSON.parse(localStorage.getItem('user'))
  const [isLoading, setIsLoading] = useState(false)
  const [paramsData, setParamsData] = useState({
    project_id: user.project_id,
    clue_date: dayjs().add(-1, 'd').format(format)
  })

  const onQuery = (params) => {}

  return (
    <Container>
      <Container.ContainerQuery title="查询条件">
        <Filter
          onQuery={onQuery}
          paramsData={paramsData}
          setParamsData={setParamsData}
        />
      </Container.ContainerQuery>
      <Container.ContainerContent title="查询结果">
        <div className="content_top">
          减排企业:10家，响应企业8家，未完全响应78家，未响应81家
        </div>
        <Area></Area>
      </Container.ContainerContent>
    </Container>
  )
}

export default NetworkSituation
